<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
    <%
	String path = request.getContextPath();
	//request.getScheme()：请求协议http，https
	//request.getServerName()：服务器名字：也就是ip地址
	//request.getServerPort()：端口号
	//path：项目路径
	//bashPath=http://localhost/8888/
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
 <meta charset="UTF-8">
    <meta name="Keywords" content="关键词,关键词">
    <meta name="description" content="">
    <title></title>

    <link rel="stylesheet" href="css/drop-down.css" />
    <link rel="stylesheet" href="css/base.css" type="text/css"/>
    <link rel="stylesheet" href="css/headbott.css" type="text/css"/>
    <link rel="stylesheet" href="css/product-list.css" type="text/css"/>
</head>
<body>
<div id="header">
    <div class="heade-con">
    <div class="logo"><a href="index.do"><img src="images/LOGO.png"/></a></div>
        <div class="nav posa">
            <ul>
                <li><a  href="index.do">首页</a></li>
                <li><a class="vcolor" href="gyzc-list.do">公益众筹</a></li>
                <li><a href="cop.do">常见问题</a></li>
                <li><a href="ly-list.do">众筹资讯</a></li>
                <li><a href="new_product.do" style="">发布项目</a></li>
            </ul>
        </div>
        <div class="search">
            <form action="">
                <input type="text" class="search-txt" value="" placeholder="找项目">
                <input type="submit" class="search-but" value="">
            </form>
        </div>
        <div class="index-login">
         <c:choose>
				<c:when test="${tbUser2==null}">
				<a href="login.do">			
				登录
				</a> 
				<span style="color: white;">|</span> 
				<a href="regist.do">注册</a>
				</c:when>
				<c:otherwise>
						<div >
						<span style="color: white;"><a href="user.do">${tbUser2.usAccount}</a></span> 
						<span style="color: white;"><a href="Users/quit.do">退出</a></span> 
						</div>
				</c:otherwise>
			</c:choose>
        </div>
    </div>
</div>

<div class="product-con">    
<h1 class="product-con_tit">公益众筹</h1>
    <div class="product-con_nav">
        <a href="selectGyzc.do?go=1" id="a1"><i><img src="images/ii_04.png" alt=""/></i>全部</a>
        <a href="selectGyzc.do?psPstId=1&go=1" id="a2"><i><img src="images/ii_06.png" alt=""/></i>教育助学</a>
        <a href="selectGyzc.do?psPstId=2&go=1" id="a3"><i><img src="images/ii_08.png" alt=""/></i>爱心环保</a>
        <a href="selectGyzc.do?psPstId=3&go=1" id="a4"><i><img src="images/ii_10.png" alt=""/></i>扶贫助困</a>
        <a href="selectGyzc.do?psPstId=4&go=1" id="a5"><i><img src="images/ii_12.png" alt=""/></i>公益创业</a>
        <a href="selectGyzc.do?psPstId=5&go=1" id="a6"><i><img src="images/ii_14.png" alt=""/></i>公益活动</a>
           <div class="select-li">
               <span>状态:</span>
               <select id="drop1"  class="ui-select">
               <option value=null>全部</option>
               <option value="1">待上架</option>
               <option value="2">众筹中</option>
               <option value="3">众筹成功</option>
               <option value="4">众筹失败</option>
           </select>
           </div>
        <div class="select-li2">
               <span>排序:</span>
               <select id="drop2"  class="ui-select">
               <option value=null>全部</option>
               <option value="1">按支持人数升序</option>
               <option value="2">按支持人数降序</option>
               <option value="3">按目标金额升序</option>
               <option value="4">按目标金额降序</option>
           </select>
           </div>

    </div>

    <div class="product-list-l">
        <ul>
        <c:forEach items="${pros }" var="pro">
            <li class="zcz">
                <div class="product-list-lpic">
                    <a href="product-detail.do?psId=${pro.psId }"><img src="${pro.psFilepath }" alt="" width="237" height="155"/></a>
                    <div class="product_one">
                    <c:if test="${pro.psType==1 }">
                   			 待上架  
                   	</c:if>
                    <c:if test="${pro.psType==2 }">
                   			 众筹中  
                   	</c:if>
                    <c:if test="${pro.psType==3 }">
                   			  众筹成功  
                   	</c:if>
                    <c:if test="${pro.psType==4 }">
                   			 众筹失败 
                   	</c:if>
                 	 </div>
                </div>
                <p><a href="">${pro.psName }</a></p>
                <div class="product-list-lmin">
                    <dl>
                        <dt><fmt:formatNumber value="${pro.psGetmoney/pro.psMoney*100 }" pattern="#.##">
                        </fmt:formatNumber>%</dt>
                        <dd>达成率</dd>
                    </dl><dl>
                    <dt>${pro.psGetmoney }</dt>
                    <dd>已筹金额</dd>
                </dl><dl>
                    <dt>${pro.psGetpeople }</dt>
                    <dd>支持人数</dd>
                </dl>
                </div>
            </li>
           </c:forEach>
        </ul>
    </div>
<div class="product-ym">
<a href="${pageContext.request.contextPath }/${select }?page=${page.firstPage }">首页</a>
<c:if test="${page.pageNum>1 }">
<a href="${pageContext.request.contextPath }/${select }?page=${page.prePage }">上页</a>
</c:if>
<c:if test="${page.pageNum<page.lastPage }">
<a href="${pageContext.request.contextPath }/${select }?page=${page.nextPage }">下页</a>
</c:if>
<a href="${pageContext.request.contextPath }/${select }?page=${page.lastPage }">末页</a>
</div>
</div>
<div id="bottom">
    <div class="bot-con1">
        <ul>
            <li class="bot-con1-li1">我们已经做到 </li>
            <li>单项支持人数<span class="inde-span1"></span></li>
            <li>单项筹款金额<span class="inde-span2"></span></li>
            <li>累计筹款金额<span class="inde-span3"></span></li>
        </ul>
    </div>
    <div class="bot-con1 bot-con2">
        <ul>
            <li class="bot-con1-li1">发起项目流程 </li>
            <li><span class="inde-span4"></span>发起人创建项目</li>
            <li><span class="inde-span5"></span>项目获得支持</li>
            <li><span class="inde-span6"></span>发起人发放回报</li>
            <li><span class="inde-span7"></span>用户收到回报</li>
        </ul>
    </div>
    <div class="bottom-ggt"><a href=""><img src="images/bottbom_68.jpg" alt=""/></a></div>
    <div class="zc-yqlink">
        <ul>
            <li><a href="">阿里巴巴集团</a></li>
            <li><a href="">淘宝网</a></li>
            <li><a href="">天猫</a></li>
            <li><a href="">聚划算</a></li>
            <li><a href="">全球速卖通</a></li>
            <li><a href="">阿里巴巴国际交易市场</a></li>
            <li><a href="">1688</a></li>
            <li><a href="">阿里妈妈</a></li>
            <li><a href="">阿里旅行</a></li>
            <li><a href="">阿里云计算</a></li>
            <li><a href="">阿里巴巴集团</a></li>
            <li><a href="">淘宝网</a></li>
            <li><a href="">天猫</a></li>
            <li><a href="">聚划算</a></li>
            <li><a href="">全球速卖通</a></li>
            <li><a href="">阿里巴巴国际交易市场</a></li>
            <li><a href="">1688</a></li>
            <li><a href="">阿里妈妈</a></li>
            <li><a href="">阿里云计算</a></li>
        </ul>
    </div>
    <div class="footer-bd">

            <a href=" ">关于淘宝</a>
            <a href=" ">合作伙伴</a>
            <a href=" ">营销中心</a>
            <a href=" ">廉正举报</a>
            <a href=" ">联系客服</a>
            <a href=" ">开放平台</a>
            <a href=" ">诚征英才</a>
            <a href=" ">联系我们</a>
            <a href=" ">网站地图</a>
            <a href=" ">法律声明</a>　　　
            <em>© 2003-2015 Taobao.com 版权所有</em><br>

       <br>
            <span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span>
            <b>|</b>
            <span data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
            <b>|</b>
            <span>信息网络传播视听节目许可证：1109364号</span>
            <b>|</b>
            <span>举报电话:0571-81683755</span>
    </div>
</div>
</body>
    <script type="text/javascript" src="js/jquery-1.42.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/select-widget-min.js"></script>
<script type="text/javascript">
	$("#drop1").blur(function(){
		var a = $("#drop1").val();
		if (a!=null&a!="null") {
			window.location.href="selectByType.do?psType="+$('#drop1').val()+"&go=1";
		}else {
			window.location.href="selectByType.do"+"?go=1";
		}
	})
	$("#drop2").blur(function(){
		var a = $("#drop2").val();
		if (a!=null&a!="null") {
			window.location.href="order.do?num="+$('#drop2').val()+"&go=1";
		}else {
			window.location.href="order.do"+"?go=1";
		}
	})
</script>
</html>